Skip to content

Modernization update#1076

Open
drusepth wants to merge 993 commits intomasterfrom
tailwind-redesign
Open

Modernization update#1076
drusepth wants to merge 993 commits intomasterfrom
tailwind-redesign

Conversation

@drusepth
Copy link
Copy Markdown
Member

@drusepth drusepth commented Jan 7, 2022

  • MaterializeCSS hasn't been updated in almost 2 years and is full of bugs
  • TailwindCSS is pretty nice and hot right now

And so it begins...

To-do items to track:

  • Check referrals working on both new sign up forms
  • Go back and style everything for dark mode again (oof)
  • Style everything for mobile also

@drusepth drusepth self-assigned this Jan 7, 2022
@drusepth drusepth changed the title Tailwind redesign Modernization update Feb 14, 2023
drusepth and others added 23 commits January 5, 2026 15:11
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
When clicking "View Gallery" or switching views from the right sidebar on
mobile, the sidebar now closes automatically so users can see the content.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
…on mobile

On small screens (<640px), clicking the serendipitous question now smoothly
scrolls to the hero header section, ensuring the question and form are visible.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Move mobile/tablet sidebar toggle tabs from vertical center (top-1/2) to
top-28, consistent with content#edit page. Also updates styling to match
(notebook-blue, smaller icons) and closes sidebars when navigating.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The filter dropdowns were visible until Alpine.js loaded and hid them.
Adding the hidden class ensures they're hidden on initial page load.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Center modal vertically instead of pushing to bottom
- Stack buttons vertically on mobile with proper spacing
- Make all buttons full-width on mobile for easier tapping
- Keep Delete button at bottom on mobile for safety
- Expand modal width on mobile screens

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Replace vague lightgrey color with proper Tailwind gray scale colors
(gray-800, gray-400, gray-200) and add blue accent for hover/current
page states. Removes transparency for consistent dark mode appearance.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Aggregates all shares of a content page and displays them as threaded
comments. Each share appears as a top-level comment with its replies
nested below. Includes:
- Comments count in controller (shares + replies)
- Comments link in Community section of Quick Links sidebar
- New Comments view in dynamic content area
- Share to Community button always visible for content owners

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Create shared/_folder_dropdown.html.erb for reusable hierarchical
  folder selection with customizable colors, labels, and context filtering
- Update folders/_tailwind_edit_modal.html.erb with blue gradient header
  matching document modal style, using shared dropdown partial
- Update documents/_folder_modal.html.erb to use shared dropdown partial
- DRY up build_folder_hierarchy function and dropdown styling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The edit folder modal had a nested forms issue where button_to (which
generates its own form) was inside the main form_for. This caused
undefined browser behavior - submitting the update form would sometimes
trigger the delete form instead.

Changes:
- Move delete button form outside the main edit form
- Add hidden context field to preserve folder context on update
- Pass context filter to folder dropdown to only show same-context folders
- Update new folder modal with centered layout and gradient header

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
The vertical timeline line was appearing white in dark mode because
the CSS gradient used hardcoded light-mode colors that overrode the
Tailwind dark: classes. Added a .dark variant with appropriate gray
colors.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Move users management page dark mode styles inside the .dark selector
block. Previously the dark mode styles were defined at root level,
causing dark colors to appear in light mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Add comma formatting to word count using toLocaleString()
- Change text color to black/white for light/dark mode so large numbers
  that overflow the circle remain readable against the page background

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Existing artfight2025 tags continue to function and route to the
browse page, but the suggestion banner is no longer shown when
editing tags.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Root cause: Missing unique constraint on word_count_updates allowed
duplicate records to be created via race conditions in Sidekiq jobs.
The calculation then counted each duplicate separately, roughly
doubling the displayed word count.

Changes:
- Add unique index on (entity_type, entity_id, for_date) with
  CONCURRENTLY for zero-downtime PostgreSQL deployment
- Add retry on RecordNotUnique in jobs to handle race conditions
- Add defensive deduplication in WordCountUpdate model
- Add cleanup rake task with dry-run mode to remove existing duplicates

Deployment order:
1. Deploy code changes
2. Run: rails word_count:cleanup_duplicates (dry-run preview)
3. Run: rails word_count:cleanup_duplicates DRY_RUN=false
4. Run: rails db:migrate

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
ShareComment has `belongs_to :user, optional: true`, so comments can
exist without users (e.g., when a user is deleted). Added nil checks
to show a placeholder avatar and "Deleted User" text instead of
crashing with NoMethodError on image_url.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The tab now better reflects that it displays community shares of the
content page rather than just comments.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Move the Book Details sidebar from right to left with animated
pull-out tab pattern matching content#edit. Changes include:

- Add left sidebar with slide-in/out animations
- Add pull-out tab button with tooltip when sidebar is closed
- Add mobile overlay sidebar with hamburger menu toggle
- Make sidebar header clickable to toggle (compact p-3 style)
- Remove old toggle button from header
- Prepare Alpine.js state for future right sidebar

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
drusepth added 30 commits April 6, 2026 20:30
Removes dependent: :destroy on word count updates to prevent soft-deletion from wiping historical activity logs, which previously caused word counts to incorrectly inflate by the entire document size if a document was recovered and edited.
This fixes search not working for items outside the initial top 20 and changes the order to favor most recently edited.
…to tailwind-redesign

# Conflicts:
#	config/webpack/environment.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants